safarirwd

2023年10月9日—1.RWD的原則·除了特殊設計，不該有橫向捲軸出現。·能用Flex或Grid自動彈性調整版面，就不用MediaQueries寫很多行覆蓋用的CSS，讓CSS更簡潔。,2018年6月11日—#RWD#Safari做這個行動版RWD網頁，每次要改一個小東西，得來來回回的在桌面上改寫存檔，再用手機Refresh瀏覽器一次重新查看，沒改好，再來一次.,1.字體大小建議大於16px.在iOSSafari上的<input><textarea>字體...</p> </blockquote> <div class="dev-ysm-tag"></div> <div class="mb-5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9418887123196030" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-9418887123196030" data-ad-slot="6992970522"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <figcaption class="blockquote-footer mb-0">參考資訊如下</figcaption> </figure> <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/aWCNEN4" class="text-aqua">#24 RWD & CSS Media Queries & iOS Safari 上的經驗談</a> <p class="mt-2 sresult text-muted">2023年10月9日 — 1. RWD 的原則 · 除了特殊設計，不該有橫向捲軸出現。 · 能用Flex 或Grid 自動彈性調整版面，就不用Media Queries 寫很多行覆蓋用的CSS，讓CSS 更簡潔。 </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/akJoXZ3" class="text-aqua">5分鐘微閱讀</a> <p class="mt-2 sresult text-muted">2018年6月11日 — #RWD #Safari 做這個行動版RWD 網頁，每次要改一個小東西，得來來回回的在桌面上改寫存檔，再用手機Refresh 瀏覽器一次重新查看，沒改好，再來一次. </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/aAGXk9" class="text-aqua">RWD & CSS Media Queries & iOS Safari 上的經驗談 </a> <p class="mt-2 sresult text-muted">1. <input> <textarea> 字體大小建議大於16px. 在iOS Safari 上的 <input> <textarea> 字體大小建議設定大於16px，不然的話Safari 會在focus 的瞬間將你的網頁連同輸入框 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/a7uAnr1" class="text-aqua">RWD網頁設計的優缺點</a> <p class="mt-2 sresult text-muted">「RWD響應式網頁設計」近幾年已成為網站開發的熱門技術，雖然它解決傳統網站在多尺寸螢幕相容問題，我們不可否認這項技術明顯較有優勢，但它能然有著一些缺點存在，為 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/aGODXt3" class="text-aqua">Safari前端開發－在實機裝置上檢測你的網頁</a> <p class="mt-2 sresult text-muted">2022年8月18日 — 在一般的開發下，前端的好朋友“網頁檢閱器(即Chrome的開發人員工具)”所提供的模擬器功能，可以幫助開發者在模擬裝置的情況下，去完成RWD的開發。但是實際 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/aHMdJS1" class="text-aqua">[RWD]如何使用Mac 上的Safari 開發者工具，偵錯或微調 ...</a> <p class="mt-2 sresult text-muted">2018年6月14日 — 如何用MacOS 的Safari 開發者工具來測試行動版網站 · 開啟桌面版的Safari。 · 在Safari 的功能表上，點選『開發』。 · 這時候你就會看到在『開發』功能表 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/aDoaSx2" class="text-aqua">『RWD』chrome、safari內建模擬rwd內建工具 - Ray </a> <p class="mt-2 sresult text-muted">2017年12月28日 — 提供兩個工具，讓瀏覽器就可以模擬響應式設計的開發工具chrome瀏覽器在chrome按右鍵點檢查點左下方手機跟平板圖示的小圖示，圖示呈現反光後表示 ...</p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/awUvhn3" class="text-aqua">同樣掛在google storage的網頁，在safari上沒有RWD功能</a> <p class="mt-2 sresult text-muted">如果本地端開html 的RWD 是正常的，寫法應該沒問題。而且按照你@media 的寫法，截圖時的畫面寬應該是超過1280px 的吧? 這時候的@media 還沒有套用到，應該還是預設的大小 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/aJwoUM2" class="text-aqua">如何在Safari 中快速瀏覽你的手機網頁樣貌！</a> <p class="mt-2 sresult text-muted">2023年10月12日 — Safari 中[開發] 這個功能通常是預設關閉的，必須在[偏好設定] （快捷鍵： Command + ,）中勾選[在選單列中顯示“開發”選單] 的選項後，才能在Safari 的 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/safari rwd/amIBF93" class="text-aqua">用Safari 來模擬各種裝置的網頁顯示畫面「回應設計模式」</a> <p class="mt-2 sresult text-muted">2017年5月8日 — △首先先到Safari 裡的「偏好設定」，在「進階」的項目中，把最下面「開發」的選單打開。 △這時候在上方的工具列，「書籤」旁邊多了一個「開發」的選項， ... </p> </div>  </div>  </div>  </div>  <div class="swiper-container mb-12 nav-dark" data-margin="30" data-nav="true" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1"> <div class="swiper"> <div class="swiper-wrapper">  </div>  </div>  </div>  <div class="mb-5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9418887123196030" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9418887123196030" data-ad-slot="2394547014" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="blog grid grid-view"> <div class="row isotope gx-md-4 gy-4 mb-4"> <article class="item post col-md-6"> <div class="card"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/201712/Browsershots/first.png?resize=400,211"><br><br>Browsershots可以讓網頁開發者、站長們檢視自己的網站在各瀏覽器（各版本）的相容性，包含Chrome、Firefox、Safari、Iceape、Iceweasel、Opera、Epiphany、Elinks、Lynx、Safari、SeaMonkey等，以實際的網頁截圖方式呈現，手動在多種瀏覽器中測試站點相當耗時，當然...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/201712/Browsershots/first.png?resize=425,225" alt="Browsershots 測試網頁相容性，你的網站在各種瀏覽器下長什麼樣子？" onerror="this.src='https://ez3c.tw/img/photos/bs1.jpg'"/> </figure> <div class="card-body px-3 py-3"> <h2 class="fs-18 ls-xl"><a class="link-dark" href="https://ez3c.tw/6143" title="Browsershots 測試網頁相容性，你的網站在各種瀏覽器下長什麼樣子？">Browsershots 測試網頁相容性，你的網站在各種瀏覽器下長什麼樣子？</a></h2> <p class="fs-13">Browsershots可以讓網頁開發者、站長們檢視自己的網站在各瀏覽器（各版本）的相容性，包含Chrome、Firefox、Safari、Iceape、Iceweasel、Opera、Epiphany、Elinks、Lynx、Safari、SeaMonkey等，以實際的網頁截圖...</p> </div>   <div class="card-footer"> <ul class="post-meta d-flex mb-0"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span><a href="https://ez3c.tw/archive/20180204-1" title="2018-02-04 文章列表">2018-02-04</a></span></li> <li class="post-author"><i class="uil uil-user"></i><span><a href="https://ez3c.tw/author/9M87-1" title="9M87 作者文章列表">9M87</a></span></li> </ul>  </div>  </div>  </article><article class="item post col-md-6"> <div class="card"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/201907/BrowserFrame/00_BrowserFrame.png?resize=400,211"><br><br>有時候做報告或是作業，當要引用網站的時候，除了留下網址之外，附加網站的截圖會更好看，那麼網站截圖要怎麼製作呢？除了常見的螢幕截圖工具之外，跟大家分享BrowserFrame這款非常好用的工具，它除了可以幫你網站截圖之外，更可以替你產出瀏覽器的窗框，有Chrome、...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/201907/BrowserFrame/00_BrowserFrame.png?resize=425,225" alt="Browser Frame 把截圖加上瀏覽器外框，專業度加 87%" onerror="this.src='https://ez3c.tw/img/photos/bs1.jpg'"/> </figure> <div class="card-body px-3 py-3"> <h2 class="fs-18 ls-xl"><a class="link-dark" href="https://ez3c.tw/6034" title="Browser Frame 把截圖加上瀏覽器外框，專業度加 87%">Browser Frame 把截圖加上瀏覽器外框，專業度加 87%</a></h2> <p class="fs-13">有時候做報告或是作業，當要引用網站的時候，除了留下網址之外，附加網站的截圖會更好看，那麼網站截圖要怎麼製作呢？除了常見的螢幕截圖工具之外，跟大家分享BrowserFrame這款非常好用的工具，它除了可以幫你網...</p> </div>   <div class="card-footer"> <ul class="post-meta d-flex mb-0"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span><a href="https://ez3c.tw/archive/20190706-1" title="2019-07-06 文章列表">2019-07-06</a></span></li> <li class="post-author"><i class="uil uil-user"></i><span><a href="https://ez3c.tw/author/9M87-1" title="9M87 作者文章列表">9M87</a></span></li> </ul>  </div>  </div>  </article><article class="item post col-md-6"> <div class="card"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/ViewSourceEditor.gif?resize=400,211"><br><br>檢視網頁的原始碼我想不是大家常用的功能，不過會用的人我想大概也常常用，一般IE的預設檢視原始碼工具就是記事本，不過記事本沒有色彩辨識的功能，更沒有其他文字編輯軟體的強大功能，看原始碼就是白底黑字，或許大家都已經非常習慣了，但是若能使用自己習慣的文字...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/ViewSourceEditor.gif?resize=425,225" alt="View Source Editor - 更改IE預設的檢視原始碼工具" onerror="this.src='https://ez3c.tw/img/photos/bs1.jpg'"/> </figure> <div class="card-body px-3 py-3"> <h2 class="fs-18 ls-xl"><a class="link-dark" href="https://ez3c.tw/2015" title="View Source Editor - 更改IE預設的檢視原始碼工具">View Source Editor - 更改IE預設的檢視原始碼工具</a></h2> <p class="fs-13">檢視網頁的原始碼我想不是大家常用的功能，不過會用的人我想大概也常常用，一般IE的預設檢視原始碼工具就是記事本，不過記事本沒有色彩辨識的功能，更沒有其他文字編輯軟體的強大功能，看原始碼就是白底黑字，或...</p> </div>   <div class="card-footer"> <ul class="post-meta d-flex mb-0"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span><a href="https://ez3c.tw/archive/20100221-1" title="2010-02-21 文章列表">2010-02-21</a></span></li> <li class="post-author"><i class="uil uil-user"></i><span><a href="https://ez3c.tw/author/哇哇-1" title="哇哇作者文章列表">哇哇</a></span></li> </ul>  </div>  </div>  </article> </div>  </div>  <ul class="list-unstyled tag-list mb-0 lh-xxs"> <li><a href="https://ez3c.tw/tag/圖片加瀏覽器外框-1" class="text-leaf fs-16" title="圖片加瀏覽器外框">圖片加瀏覽器外框</a></li><li><a href="https://ez3c.tw/tag/如何測試網頁-1" class="text-leaf fs-16" title="如何測試網頁">如何測試網頁</a></li><li><a href="https://ez3c.tw/tag/檢視原始碼-1" class="text-leaf fs-16" title="檢視原始碼">檢視原始碼</a></li><li><a href="https://ez3c.tw/tag/Safari 邊框-1" class="text-leaf fs-16" title="Safari 邊框">Safari 邊框</a></li><li><a href="https://ez3c.tw/tag/IE 外框-1" class="text-leaf fs-16" title="IE 外框">IE 外框</a></li><li><a href="https://ez3c.tw/tag/網站截圖加離覽器外框-1" class="text-leaf fs-16" title="網站截圖加離覽器外框">網站截圖加離覽器外框</a></li><li><a href="https://ez3c.tw/tag/網站測試-1" class="text-leaf fs-16" title="網站測試">網站測試</a></li><li><a href="https://ez3c.tw/tag/圖片加外框-1" class="text-leaf fs-16" title="圖片加外框">圖片加外框</a></li><li><a href="https://ez3c.tw/tag/Browser Frame-1" class="text-leaf fs-16" title="Browser Frame">Browser Frame</a></li><li><a href="https://ez3c.tw/tag/Chrome 外框-1" class="text-leaf fs-16" title="Chrome 外框">Chrome 外框</a></li><li><a href="https://ez3c.tw/tag/Firefox 邊框-1" class="text-leaf fs-16" title="Firefox 邊框">Firefox 邊框</a></li><li><a href="https://ez3c.tw/tag/Chrome 邊框-1" class="text-leaf fs-16" title="Chrome 邊框">Chrome 邊框</a></li><li><a href="https://ez3c.tw/tag/網頁不同瀏覽器測試-1" class="text-leaf fs-16" title="網頁不同瀏覽器測試">網頁不同瀏覽器測試</a></li><li><a href="https://ez3c.tw/tag/Browsershots-1" class="text-leaf fs-16" title="Browsershots">Browsershots</a></li><li><a href="https://ez3c.tw/tag/IE 邊框-1" class="text-leaf fs-16" title="IE 邊框">IE 邊框</a></li><li><a href="https://ez3c.tw/tag/Safari 外框-1" class="text-leaf fs-16" title="Safari 外框">Safari 外框</a></li><li><a href="https://ez3c.tw/tag/瀏覽器測試-1" class="text-leaf fs-16" title="瀏覽器測試">瀏覽器測試</a></li><li><a href="https://ez3c.tw/tag/Browser Frame 瀏覽器外框-1" class="text-leaf fs-16" title="Browser Frame 瀏覽器外框">Browser Frame 瀏覽器外框</a></li><li><a href="https://ez3c.tw/tag/Firefox 外框-1" class="text-leaf fs-16" title="Firefox 外框">Firefox 外框</a></li> </ul> </article>  </div>  <a id="next" href="https://ez3c.tw/1814" title="FreeFileSync 13.5 檔案同步免費軟體">FreeFileSync 13.5 檔案同步免費軟體</a> </div>  </div>  </div>   <nav class="d-flex" aria-label="pagination" > <ul class="pagination"> <li class="page-item"> </li> <li class="page-item"> </li> <li class="page-item"> <a class="page-link" href="https://ez3c.tw/search/safari rwd-1" title="safari rwd 第1頁">1</a> </li> <li class="page-item"> </li> <li class="page-item"> </li> </ul>  </nav>  </div>  <aside class="col-lg-3 sidebar mt-11 mt-lg-6"> <div class="widget"> <nav aria-label="breadcrumb"> <ol class="breadcrumb" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item"> <a itemprop="item" href="https://ez3c.tw/" title="哇哇3C日誌回首頁"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1"> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://ez3c.tw/search/safari手機模式-1" title="safari手機模式文章列表清單"><span itemprop="name">safari手機模式</span></a> <meta itemprop="position" content="2"> </li><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://ez3c.tw/search/safari rwd-1" title="safari rwd 文章列表清單"><span itemprop="name">safari rwd</span></a> <meta itemprop="position" content="3"> </li> </ol> </nav> </div> <div class="widget"> <h3 class="widget-title mb-3">Tags</h3> <ul class="list-unstyled search-list lh-xxs"> </ul> </div>  <div class="widget"> <h2 class="widget-title mb-3">最新文章</h2> <div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/FreeFileSync.png?resize=400,211"><br><br>你硬碟壞掉過嗎？當你損失過重要資料後，你就會知道資料備援的重要了，我前一陣子才損失了一顆500G的硬碟，老實說裡面重要的資料還不到7G，就是一些出去遊玩的照片，這些照片若沒了就等於所有記憶都沒有了，於是只好找上資料救援的公司幫忙，結果舊就花了五張小朋友...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/FreeFileSync.png?resize=270,143" alt="FreeFileSync 13.5 檔案同步免費軟體" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/1814" title="FreeFileSync 13.5 檔案同步免費軟體">FreeFileSync 13.5 檔案同步免費軟體</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-28</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202404/AITexttoSpeech/first.png?resize=400,211"><br><br>想要製作廣播、旁白、遊戲、有聲書等語音，以後不需要自己錄音了，AI還沒出現以前，雖然可辦到，但是聲音總會帶有強烈的機器音，最近小編發現這款AI文字轉語音工具，支援台灣用的繁體中文語音，相較於Google小姐語音更加自然，如果你也需要更接近人類聲音的文字轉語...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202404/AITexttoSpeech/first.png?resize=270,143" alt="免費 AI 文字轉語音線上工具，接近真人自然發音，可免費下載 MP3 檔" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11863" title="免費 AI 文字轉語音線上工具，接近真人自然發音，可免費下載 MP3 檔">免費 AI 文字轉語音線上工具，接近真人自然發音，可免費下載 MP3 檔</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-28</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202103/CopyFilesIntoMultipleFolders/01_CopyFilesIntoMultipleFolders.png?resize=400,211"><br><br>如何一次複製檔案到多個資料夾？交給CopyFilesIntoMultipleFolders專門的工具就可以了！不管是工作上的需求，或是個人電腦作業需求，一個檔案需要複製到很多不同的資料夾，如果沒有工具的話，需要一個一個的複製貼上，難免都會有失誤或遺忘的狀況發生，以後這樣的工...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202103/CopyFilesIntoMultipleFolders/01_CopyFilesIntoMultipleFolders.png?resize=270,143" alt="限時免費 Copy Files Into Multiple Folders 6.9 一次複製檔案到多個資料夾" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/9263" title="限時免費 Copy Files Into Multiple Folders 6.9 一次複製檔案到多個資料夾">限時免費 Copy Files Into Multiple Folders 6.9 一次複製檔案到多個資料夾</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-28</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202106/RenameMultipleFiles/01_RenameMultipleFiles.png?resize=400,211"><br><br>整理檔案除了需要移動檔案與建立資料夾分類之外，若是檔案名稱能夠有秩序的話會更漂亮，很可惜Windows內建多檔案重新命名功能無法讓人滿足，因此有很多不同的檔案批次重新命名工具，這次介紹的RenameMultipleFiles檔案批次重新命名工具是陽春款的，如果只是比較簡單...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202106/RenameMultipleFiles/01_RenameMultipleFiles.png?resize=270,143" alt="限時免費 Rename Multiple Files 2.4 檔案批次重新命名工具" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/9473" title="限時免費 Rename Multiple Files 2.4 檔案批次重新命名工具">限時免費 Rename Multiple Files 2.4 檔案批次重新命名工具</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-28</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/GlaryDuplicateCleaner.gif?resize=400,211"><br><br>電腦內難免會有重複的檔案存在，不過若是以人工的方式可以難以辨識，因此就需要辨別重複檔案的軟體，可以快速的搜尋出電腦內的重複檔案，DuplicateCleaner算是一套簡單易用的清除軟體，可以快速掃描多個資料及內的檔案，並且迅速的比對檔案的差異性，使用方式非常的...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/GlaryDuplicateCleaner.gif?resize=270,143" alt="Glary Duplicate Cleaner 6.0.1.14 掃描硬碟內的重複檔案，釋放更多的硬碟空間" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/2354" title="Glary Duplicate Cleaner 6.0.1.14 掃描硬碟內的重複檔案，釋放更多的硬碟空間">Glary Duplicate Cleaner 6.0.1.14 掃描硬碟內的重複檔案，釋放更多的硬碟空間</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-27</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202404/AirBattery/first.png?resize=400,211"><br><br>你是Apple全家桶用戶嗎？那你肯定需要這款APP「AirBattery」，尤其是有電量焦慮，擔心蘋果設備沒電的朋友，AirBattery支援將iPhone、iPad、iPodtouch、AppleWatch、AirPods、第三方藍牙滑鼠鍵盤和耳機等裝置的電量資訊，顯示在Mac的狀態列中，還可以對任意裝置設定...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202404/AirBattery/first.png?resize=270,143" alt="AirBattery 在 Mac 顯示 iPhone / iPad / AirPods 等蘋果裝置電池剩餘電量，還有低電量提醒功能" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11870" title="AirBattery 在 Mac 顯示 iPhone / iPad / AirPods 等蘋果裝置電池剩餘電量，還有低電量提醒功能">AirBattery 在 Mac 顯示 iPhone / iPad / AirPods 等蘋果裝置電池剩餘電量，還有低電量提醒功能</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-27</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202005/Tipard4KUHDConverter/01_Tipard4KUHDConverter.png?resize=400,211"><br><br>現在很多手機都具備有4K錄影的功能，4K的影片格式也越來越普遍，不過很多影音轉檔工具還不支援4K的影音輸出，那不就可惜嗎？Tipard4KUHDConverter主打4K影片的轉檔工具，其實功能上和TipardVideoConverter是差不多的，不過少了影音強化的功能，不過基本的功能也沒有...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202005/Tipard4KUHDConverter/01_Tipard4KUHDConverter.png?resize=270,143" alt="限時免費 Tipard 4K UHD Converter 4K 9.2.38 影片該如何轉檔？內建 GPU 加速功能" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/8263" title="限時免費 Tipard 4K UHD Converter 4K 9.2.38 影片該如何轉檔？內建 GPU 加速功能">限時免費 Tipard 4K UHD Converter 4K 9.2.38 影片該如何轉檔？內建 GPU 加速功能</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-27</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/201606/CentBrowser/01_CentBrowser.png?resize=400,211"><br><br>若是有常常關注紛絲團的朋友們，應該都知道我最近改用了Vivaldi瀏覽器，坦白說其實頗不賴的，不過不知道為什麼附加元件常常莫名通通消失（只有我遇到嗎？），整體上其實還是頗推薦的！這次要分享的CentBrowser瀏覽器我覺得更棒，他是基於Chromium所開發的瀏覽器，當...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/201606/CentBrowser/01_CentBrowser.png?resize=270,143" alt="CentBrowser 5.1.1130.82 接近完美的瀏覽器，若給滿分就沒進步空間啦！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/5067" title="CentBrowser 5.1.1130.82 接近完美的瀏覽器，若給滿分就沒進步空間啦！">CentBrowser 5.1.1130.82 接近完美的瀏覽器，若給滿分就沒進步空間啦！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-27</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202402/HealthBreakReminder/01_HealthBreakReminder.png?resize=400,211"><br><br>常常工作到忘我到忘記時間嗎？如果有這樣的困擾代表你真的太認真了，是不是該有個 HealthBreakReminder小工具提醒你該休息了？雖然我知道忙起來也會有不想中斷的時候，不過適度地的休息或許能讓工作更有效率啊！HealthBreakReminder就是一個簡易的電腦版的休息提醒...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202402/HealthBreakReminder/01_HealthBreakReminder.png?resize=270,143" alt="限時免費 Health Break Reminder 1.6 提醒自己工作休息一下，也可當成番茄鐘工具" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11750" title="限時免費 Health Break Reminder 1.6 提醒自己工作休息一下，也可當成番茄鐘工具">限時免費 Health Break Reminder 1.6 提醒自己工作休息一下，也可當成番茄鐘工具</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-26</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202404/AnyRecPhoneMover.png?resize=400,211"><br><br>以前要把手機照片傳到電腦備份，都要分Android、iPhone，最近小編發現一款萬用的手機檔案傳輸工具AnyRecPhoneMover，不論哪個系統都能用，甚至不只手機傳電腦，如果你要換新手機，從Android換到iPhone或反之，都可以輕鬆搬家，無論是照片、影片、聯絡人、音樂或其他...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202404/AnyRecPhoneMover.png?resize=270,143" alt="限時免費 AnyRec PhoneMover 手機資料傳輸工具，照片傳電腦不論 iPhone / Android 皆通用" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11731" title="限時免費 AnyRec PhoneMover 手機資料傳輸工具，照片傳電腦不論 iPhone / Android 皆通用">限時免費 AnyRec PhoneMover 手機資料傳輸工具，照片傳電腦不論 iPhone / Android 皆通用</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-26</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202311/TopDataProtectorPro/first.png?resize=400,211"><br><br>擔心室友、同事偷看D槽？小編最近發現一款無痕的私密檔案隱藏工具TopDataProtectorPro，完全沒有痕跡的隱藏檔案，˙也可以透過密碼保護任何檔案或資料夾，不論是照片、影片、Word文件或其他檔案通通沒問題。經過加密/隱藏的檔案就不會被讀取、查看、複製或修改，能夠...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202311/TopDataProtectorPro/first.png?resize=270,143" alt="限時免費 Top Data Protector Pro 檔案隱藏軟體，讓私密資料完全沒有痕跡絕對找不到" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11554" title="限時免費 Top Data Protector Pro 檔案隱藏軟體，讓私密資料完全沒有痕跡絕對找不到">限時免費 Top Data Protector Pro 檔案隱藏軟體，讓私密資料完全沒有痕跡絕對找不到</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-26</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202404/LINE_wiki.png?resize=400,211"><br><br>不知道是否還有人記得LineLite的使用時光，可以在不同手機同時使用相同的LINE帳號，不過很可惜在2022/02/28LINELite就終止服務了，那如果真的習慣兩支手機同時使用的人，該如何依舊登入同個LINE帳號呢？今天小編就要來與大家分享透過KIWI瀏覽器來暫時取代LINELite ...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202404/LINE_wiki.png?resize=270,143" alt="LINE 不同手機登入相同帳號，這樣的雙開是你想要的嗎？" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/10164" title="LINE 不同手機登入相同帳號，這樣的雙開是你想要的嗎？">LINE 不同手機登入相同帳號，這樣的雙開是你想要的嗎？</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-26</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/AlwaysMouseWheel.gif?resize=400,211"><br><br>大家在工作時最不想遇到比對文件的工作，尤其當螢幕不夠大的時候，所有的視窗都堆疊在一起，不同視窗切換來切換去，點下面的視窗又蓋到上面的視窗，又要縮小視窗才能點回原本視窗，大家有遇過這樣的困擾嗎？這時候推薦大家使用AlwaysMouseWheel這款工具，搞不好就能...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/AlwaysMouseWheel.gif?resize=270,143" alt="AlwaysMouseWheel 6.26 滑鼠不受上下層限制，每一層都可以滾滾滾" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/3787" title="AlwaysMouseWheel 6.26 滑鼠不受上下層限制，每一層都可以滾滾滾">AlwaysMouseWheel 6.26 滑鼠不受上下層限制，每一層都可以滾滾滾</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-25</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/QuickTextPaste.png?resize=400,211"><br><br>大家使用電腦一定常常會輸入一些重複的資訊，譬如說電子郵件帳號、電話、住址與網址等等，每次都一直輸入真的很麻煩，這時候可以試試看QuickTextPaste這款超級便利的工具，能將預設所輸入好的資訊快速貼上，就像使用一般快捷鍵一樣，不過變成剪貼簿的貼上功能，個人...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/QuickTextPaste.png?resize=270,143" alt="QuickTextPaste 8.81 超方便的貼上工具，結合指令與符號功能" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/3895" title="QuickTextPaste 8.81 超方便的貼上工具，結合指令與符號功能">QuickTextPaste 8.81 超方便的貼上工具，結合指令與符號功能</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-25</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202209/CutOut8/first.png?resize=400,211"><br><br>去背有毛髮的區域，線上去背工具去背的太粗糙？最近小編發現CutOut8專業級去背工具，是Photoshop認證的外掛工具，搭配自家專業的演算法，可以精準移除毛髮邊緣的背景。甚至圖片中是有破壞性的污點、路人等，透過智能橡皮擦就可以很輕易去除干擾圖片的元素，例如：汽...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202209/CutOut8/first.png?resize=270,143" alt="限時免費 CutOut 8 專業級照片去背軟體，原價 89 美元，現在取得終身免費用" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/10497" title="限時免費 CutOut 8 專業級照片去背軟體，原價 89 美元，現在取得終身免費用">限時免費 CutOut 8 專業級照片去背軟體，原價 89 美元，現在取得終身免費用</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-04-25</span></li> </ul>  </div>  </div>  <div class="widget">  <div id="div-gpt-ad-1670988330733-0" style="min-width: 300px; min-height: 50px;"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1670988330733-0'); }); </script> </div> </div>  <div class="widget"> <h4 class="widget-title mb-3">Archive</h4> <ul class="list-unstyled archive-list lh-xxs"> <li><a href="https://ez3c.tw/archive/202404-1" title="202404 文章清單" class="ttext-blue fs-8">202404</a></li><li><a href="https://ez3c.tw/archive/202403-1" title="202403 文章清單" class="ttext-blue fs-8">202403</a></li><li><a href="https://ez3c.tw/archive/202402-1" title="202402 文章清單" class="ttext-blue fs-8">202402</a></li><li><a href="https://ez3c.tw/archive/202401-1" title="202401 文章清單" class="ttext-blue fs-8">202401</a></li><li><a href="https://ez3c.tw/archive/202312-1" title="202312 文章清單" class="ttext-blue fs-8">202312</a></li><li><a href="https://ez3c.tw/archive/202311-1" title="202311 文章清單" class="ttext-blue fs-8">202311</a></li><li><a href="https://ez3c.tw/archive/202310-1" title="202310 文章清單" class="ttext-blue fs-8">202310</a></li><li><a href="https://ez3c.tw/archive/202309-1" title="202309 文章清單" class="ttext-blue fs-8">202309</a></li><li><a href="https://ez3c.tw/archive/202308-1" title="202308 文章清單" class="ttext-blue fs-8">202308</a></li><li><a href="https://ez3c.tw/archive/202307-1" title="202307 文章清單" class="ttext-blue fs-8">202307</a></li><li><a href="https://ez3c.tw/archive/202306-1" title="202306 文章清單" class="ttext-blue fs-8">202306</a></li><li><a href="https://ez3c.tw/archive/202305-1" title="202305 文章清單" class="ttext-blue fs-8">202305</a></li> </ul> </div>  </aside>  </div>  </div>  </section>  </div>  <footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="https://ez3c.tw/img/logo-light.png" alt="哇哇3C日誌" /> <p class="mb-4"> © 2022 Easylife.tw. <br class="d-none d-lg-block" /> All rights reserved. </p> <nav class="nav social social-white"> <a href="https://twitter.com/csliu"><i class="uil uil-twitter"></i></a> <a href="https://www.facebook.com/easylife.tw"><i class="uil uil-facebook-f"></i></a> <a href="https://www.instagram.com/wawa_3c/"><i class="uil uil-instagram"></i></a> <a href="https://www.youtube.com/@wawa3c"><i class="uil uil-youtube"></i></a> </nav> <h4 class="widget-title text-white my-3">關於部落格</h4> 哇哇3C日誌替大家收藏各種3C資訊，電腦上蒐藏實用的綠色軟體與免安裝軟體，評測各類手機與平板，與生活家電的使用心得。生活資訊豐富，親子生活樂趣無窮，愛美食愛攝影，更愛騎著單車遊山玩水。技能上分享Linux使用的經驗與小技巧。 </div>  </div>  <div class="col-md-4 col-lg-9"> <div class="widget"> <h4 class="widget-title text-white mb-3">軟體更新</h4> <ul class="list-unstyled mb-0"> <li><span class="badge bg-yellow rounded me-2">2 小時前</span><a href="https://ez3c.tw/1814" title="最簡單的備份就是檔案同步，推薦-FreeFileSync-免費檔案同步工具" class="text-white">FreeFileSync 13.5 檔案同步免費軟體</a></li><li><span class="badge bg-yellow rounded me-2">2 小時前</span><a href="https://ez3c.tw/9263" title="如何複製多個檔案資料夾到不同的資料夾？Copy-Files-Into-Multiple-Folders-免安裝版" class="text-white">限時免費 Copy Files Into Multiple Folders 6.9 一次複製檔案到多個資料夾</a></li><li><span class="badge bg-yellow rounded me-2">2 小時前</span><a href="https://ez3c.tw/9473" title="2024-檔案批次重新命名，Rename-Multiple-Files-如何更改附檔名大小寫？" class="text-white">限時免費 Rename Multiple Files 2.4 檔案批次重新命名工具</a></li><li><span class="badge bg-yellow rounded me-2">1 天前</span><a href="https://ez3c.tw/2354" title="電腦中如何尋找出重複檔案？推薦-Glary-Duplicate-Cleaner" class="text-white">Glary Duplicate Cleaner 6.0.1.14 掃描硬碟內的重複檔案，釋放更多的硬碟空間</a></li><li><span class="badge bg-yellow rounded me-2">1 天前</span><a href="https://ez3c.tw/8263" title="4K-影片轉檔工具-Tipard-4K-UHD-Converter-免安裝版下載" class="text-white">限時免費 Tipard 4K UHD Converter 4K 9.2.38 影片該如何轉檔？內建 GPU 加速功能</a></li><li><span class="badge bg-yellow rounded me-2">1 天前</span><a href="https://ez3c.tw/5067" title="CentBrowser-超好用瀏覽器推薦！2024-最新免安裝版" class="text-white">CentBrowser 5.1.1130.82 接近完美的瀏覽器，若給滿分就沒進步空間啦！</a></li><li><span class="badge bg-yellow rounded me-2">2 天前</span><a href="https://ez3c.tw/11750" title="2024-電腦工作提醒休息工具，強迫自己休息一下" class="text-white">限時免費 Health Break Reminder 1.6 提醒自己工作休息一下，也可當成番茄鐘工具</a></li><li><span class="badge bg-yellow rounded me-2">2 天前</span><a href="https://ez3c.tw/11554" title="如何完美隱藏電腦圖片？Top-Data-Protector-Pro-免費下載" class="text-white">限時免費 Top Data Protector Pro 檔案隱藏軟體，讓私密資料完全沒有痕跡絕對找不到</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/3787" title="滑鼠滾輪不受限制-AlwaysMouseWheel" class="text-white">AlwaysMouseWheel 6.26 滑鼠不受上下層限制，每一層都可以滾滾滾</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/3895" title="QuickTextPaste-常用詞自動輸入" class="text-white">QuickTextPaste 8.81 超方便的貼上工具，結合指令與符號功能</a></li> </ul> </div>  </div>  </div>  </div>  </footer> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <script src="https://ez3c.tw/js/jquery-1.11.3.min.js"></script> <script src="https://ez3c.tw/js/jquery.clever-infinite-scroll.js"></script> <script> // When you use default selectors // $('#contentsWrapper').cleverInfiteScroll(); // When you use custom selectors $('#contentsWrapper').cleverInfiniteScroll({ contentsWrapperSelector: '#contentsWrapper', contentSelector: '.icontent', nextSelector: '#next', loadImage: 'https://ez3c.tw/img/ajax-loader.gif' }); $(function() { var pathhost = location.hostname; ga('send', 'pageview', $('#next').attr("href").replace("https://", "").replace(pathhost, "")); }); </script> <script src="https://ez3c.tw/js/plugins.js"></script> <script src="https://ez3c.tw/js/theme.js"></script>  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58cfe06094a4331a"></script> <script type="text/javascript"> (function() { var adYpaBsOp={ adBaseUrl:'//ypa.focusoftime.com', maxLoop:10, adOpt:{tt:'',u:location.hostname,p:location.protocol.replace(':', '')}, shuffle: function(o) { for (var j, x, i = o.length; i;) { j = Math.floor(Math.random() * i); x = o[--i]; o[i] = o[j]; o[j] = x; }; return o; }, loadAd: function(kwlist,selTag,adSty,adMax,adAmo,callback) { if (typeof kwlist == 'undefined' || kwlist.length <1 || typeof selTag == null || selTag == '' || $(selTag).length<1) return false; if ($.trim(kwlist[0])=='')return false; adSty = adSty||1, adMax=adMax||1,adAmo = adAmo||{},adAmo.loopMax = adAmo.loopMax||adYpaBsOp.maxLoop,adAmo.adNum = adAmo.adNum||0,adAmo.loopNum = adAmo.loopNum||0; adYpaBsOp.adOpt.tt = decodeURIComponent(kwlist[0]); adYpaBsOp.adOpt.ts = new Date().getTime(); adBsUrl = adYpaBsOp.adBaseUrl+'/?' + $.param(adYpaBsOp.adOpt); adAmo.loopNum++; $.ajax({url:adBsUrl,dataType: 'jsonp'}).done(function(data){ var loopAd = false; if (typeof data.ads != 'undefined' && data.ads.length) { var adBsAds = data.ads; for (var index in adBsAds) { adAmo.adNum++; adYpaBsOp.setAdBlock(adBsAds[index], selTag, adSty); if(adAmo.adNum>=adMax){ loopAd = false; break; } } }; if(adAmo.adNum<adMax) loopAd = true; loopAd = kwlist.length<2 ? false : loopAd; loopAd = adAmo.loopNum >=adAmo.loopMax ? false : loopAd; if (loopAd) { kwlist.shift(); adYpaBsOp.loadAd(kwlist,selTag,adSty,adMax,adAmo,callback); } else if (typeof callback =='function') callback(); }); }, setAdBlock:function(data, selTag, adSty) { adSty=adSty||1; var addAd=''; if (adSty==1) { addAd += '<div class="mx-auto my-3" onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;" ><span class="text-muted" style="font-size:10px;">'+data['sitehost']+'</span><span class="badge bg-pale-ash text-muted rounded py-1 ms-2">sponsored</span><p class="mt-5">'+data['title'].replace(/s?|.*$/i,'')+'<br>'+data['descr']+'</p><div class="text-center"><button class="btn btn-soft-yellow rounded me-5">官方資訊</button> <button class="btn btn-yellow rounded">閱讀更多</button></div></div>'; } else if (adSty==2) { addAd += '<div style="color:#c1c1c1;font-size:10px;">'+data['sitehost']+',sponsored</div><div>'+data['descr']+'</div><br><br><div class="separator margin-bottom-large" onclick="window.open(\''+data['clickURL']+'\');"><span style="border-width:1px;border-style:solid;background:#cc3333;color:#fff; cursor: pointer;font-size:16px;padding:10px 50px;letter-spacing: 5px;border-radius: 6px;font-weight: 600;">閱讀更多</span></div></div><div class="col-md-12" onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;">'; } else { addAd += '<div onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;" class="row"><div class="col-md-9"><span style="color:#c1c1c1;font-size:10px;">sponsored</span><br><b>'+data['title'].replace(/s?|.*$/i, '')+'</b><br />'+data['descr']+'<br /><span style="color:#58AA90;font-size:14px;">'+data['sitehost']+'</span></div><div class="col-md-3"><br><div class="btn btn-large green white-text black-text waves-effect waves-dark"><h2 style="padding:0 40px;font-size:40px;color:#FFF;"><em class="fa fa-download"></em></h2></div></div></div>'; }; $(selTag).append(addAd); }, paddingAd:function(addAdList, callback){ if (addAdList.length<1) return false; adItem=addAdList.shift(); adYpaBsOp.loadAd(adItem.kw,adItem.selTag,adItem.adSty,adItem.adMax,{},function(){ if (typeof callback =='function') callback(); adYpaBsOp.paddingAd(addAdList, callback); }); }, init:function(){ unitKw=['代辦中心', '告別式會場', '保濕精華露','按摩教學','挽回感情','淡水住宿','保濕防曬乳','糖尿病奶粉','眼科手術','鑽石項鍊','車貸試算','眼袋']; // example_1 // 廣告區塊設定至陣列依序執行, 一個廣告區塊執行結束才會繼續下一個廣告區塊 var addAdList=[{kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(0)',adSty:1,adMax:1}, {kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(1)',adSty:1,adMax:1}, {kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(2)',adSty:2,adMax:1}]; // adYpaBsOp.paddingAd(addAdList); // 沒有使用閒置廣告 adYpaBsOp.paddingAd(addAdList,function(){ if ($('div',$(adItem.selTag)).length < 1) { myAd = '<div class="mx-auto my-3" onclick="window.open(\'https://ez3c.tw/10893\');" style="cursor: pointer;" ><span class="text-muted" style="font-size:10px;">https://ez3c.tw/10893</span><span class="badge bg-pale-ash text-muted rounded py-1 ms-2">Hot</span><p class="mt-5">梭梭聊天 Telegram 配對機器人，匿名聊天圖片影片都能傳，新一代交友神器</p><div class="text-center"><button class="btn btn-soft-yellow rounded me-5">熱門資訊</button> <button class="btn btn-yellow rounded">閱讀更多</button></div></div>'; $(adItem.selTag).html(myAd); }; }); // example_2 // 同時多個廣告區塊各自取得YPA廣告 (同時開啟太多YPA的request會被鎖ip, 會造成廣告不會出來) // adYpaBsOp.loadAd(adYpaBsOp.shuffle($.extend([],unitKw)),'.dev-ysm-tag:eq(0)',1, 2); // adYpaBsOp.loadAd(adYpaBsOp.shuffle($.extend([],unitKw)),'.dev-ysm-tag:eq(1)',2, 3); } };window.adYpaBsOp = adYpaBsOp;adYpaBsOp.init(); })(); </script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="78b56502fd87ad25ea77f01f-|49" defer></script>